<template>
  <div style="margin-bottom: 30px;"></div>
  <footer id="footer">
    <div id="copyright">
      <a href="https://beian.miit.gov.cn/" target="_blank">粤ICP备2024111222号-X</a>
      <div id="public-security">
        <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=41172702000163">
          <img src="https://img.qimuu.icu/typory/%E5%A4%87%E6%A1%88%E5%9B%BE%E6%A0%87.png" alt="公安备案">
          <span>粤公网安备 11111111111111号</span>
        </a>
      </div>
    </div>
  </footer>
</template>

<script>
export default {
  name: "SiteFooter"
}
</script>

<style scoped>
footer#footer {
  width: 100%;
  padding: 10px 0;
  background-color: #f5f5f5;
  text-align: center;
  font-size: 13px;
  color: #333;
}

#copyright, #public-security {
  margin-bottom: 10px;
}

a, a:link, a:visited, a:hover, a:active {
  text-decoration: none;
  color: inherit;
}

#public-security a {
  display: inline-flex;
  align-items: center;
}

#public-security img {
  margin-right: 5px;
}
</style>
